Why use javascript when we can achieve the same result in css ? The new :has selector allow to define css rules according to properties from another element (works both for child or parent ones, no matter the level). This seems very powerful and could save a lot of javascript headaches and states.
I must admit, i never really use scroll animations mostly due to its complexity. This podcast full of examples and demos just shows how amazing animations you can make with css. And its not that complicated, so be sure to take a look.
Shadcn CLI can now provide not only atomic components but also organisms with their new block system. You can easily import a fully designed and functional component. Moreover, it is compatible with Vercel's v0. I still don’t quite know how to process this, my mind is torn between fascination and rejection..
A new release for Storybook with better vitest implementation to run your stories as tests, new Nextjs plugin, and different size & performance improvements.
The new Material ui version is released. Don't forget to check the new features and improvements before upgrading your code.
I've always loved swipe actions, but it's really not the easiest to build. Learn how to use framer motion to build your own swipe behaviors.
Figma presented his version 3 with lots of new functionalities. Get a resume of updates, including AI prototyping and search, a new tool to make slides from your design system, a new redesign and tons of smaller updates.
Presentation and demonstration of React Aria focused on 5 points : accessibility, user experience, styling, internationalisation and customisation.
Headless ui is an unstyled component library totally. It provides the logic and interactions, but let the developers style by themselves the components. It is a great tool to mix with tailwind to easily build design systems. Only compatible with React for now, but it should also supports vue soon.
Benefits from Argos experience in their quest to find to best behavior library for them. They moved away from Radix to React-aria in search of better UX and standard compliances and explain in this article theirs reasons and challenges.
Playwright can take existing stories from storybook and directly test scenarios from them. It allows to share configuration between the tools. That's why storybook launched an experimental features named Portable stories.
Storybook version 8 introduces many new features: React Server Components, faster test builds, Vite & Vitest support, UI optimizations, and better responsiveness.
Performance improvements (up to 10 times faster) by rewriting part of the framework in Rust, over 35% reduction in package size by dropping PostCSS for a custom parser reducing parsing time by half.
A brief overview of the different ways to style CSS in a React project and opinions on each.